<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>协同智能办公系统-收文待办</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../css/app.css"/>
				<style>
	.mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
		        margin-top: 0;
		    }
		    .mui-table h4{
		        line-height: 21px;
		        font-weight: 500;
		    }
		
		    .mui-table .oa-icon{
		        position: absolute;
		        right:0;
		        bottom: 0;
		    }
		    .mui-table .oa-icon-star-filled{
		        color:#f14e41;
		    }
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background-color:#fa1948;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#fff"></a>
			<h1 class="mui-title" style="color:#fff">发文待办</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">设置</span>
			</a>
		</nav>
		<div class="mui-content">
		    	<form class="mui-input-group">
					<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
		        <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		           <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		             <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		             <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		            <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		              <li class="mui-table-view-cell">
		            <div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-10">
		                    <h4 class="mui-ellipsis">发文处室阅办smh</h4>
		                    <h5>创建人：系统管理员 <span> 流程名称:发文登记转拟办</span> <span> 流程名称：发文拟稿</span></h5>		                    
		                </div>
		                <div class="mui-table-cell mui-col-xs-2 mui-text-right">
		                    <span class="mui-h5">2017-07-24</span>
		                </div>
		            </div>
		        </li>
		       
		        
		    </ul>
				</form>
		</div>
	</body>
	<script src="js/mui.min.js"></script>
</html>